<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<div id="app"></div>
		
		<script>
			/*
			 * Object.defineProperty对obj对象中的name属性进行挟持======ES6新特性
			 * 函数劫持属性
			 * 一旦该属性发生变化则会触发set函数，做出响应操作，做出视图与数据的双向绑定
			 */
			var obj = {};
			obj.name="hello";
			/*但要循环取*/
			
			/*es6引擎---监听绑定    基于es6的js引擎*/
			Object.defineProperty(obj,"name",{/*静态方法*/
				get(){
					return document.querySelector("#app").innerHTML;
					//return document.getElementById("app").innerHTML;
				},
				set(val){
					document.querySelector("#app").innerHTML=val;
				}
			})
		</script>
	</body>
</html>
